<template>
    <div class="player">
        <div class="head">
        </div>
        <div class="player_in banner1">
            <audio :src="$store.state.playerUrl" autoplay controls></audio>
        </div>
    </div>
</template>

<script>
export default {
    data () {
        return {

        }
    },

}
</script>
 
<style lang = "less" scoped>
@import '@/assets/base.less';
.player{
    position: fixed;
    height: 60px;
    width: 100%;
    bottom: -47px;
    left: 0;
    background: url(../assets/images/playbar.png) repeat-x;
    background-position: 0 7px;
    color: #fff;
    transition: 0.5s;
    .head{
        /* background: pink; */
        height: 13px;
        width: 100%;
    }
    &:hover{
        bottom: 0;
    }
}
</style>